<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bookFirst</title>
    <link rel="stylesheet" th:href="@{css/bookfirst.css}">
</head>
<body>
<div class="banner">
    <div class="center-box">
        <ul>
            <li class="item logo"></li>
            <li class="item user"><a href="#" th:text="${admin.username}"></a></li>
            <li class="item person"><a href="http://localhost:8080/personcenter">个人中心</a></li>
            <li class="item help"><a href="">使用帮助</a></li>
            <li class="item help"><a href="#" class="loginout">退出登录</a></li>
        </ul>
        <div class="name"></div>
        <div class="search-box">
            <input type="text" class="searchbox" placeholder="请输入书名">
            <button class="btn">搜索</button>
        </div>
    </div>
</div>
<div class="center">
    <div class="center-nav" >
        <div class="item-nav all">
            <img class="cartlogo" src="image/icon/全部.png"/>
            <a href="#" class="cartcardbtn" data-id="0">全部</a>
        </div>
        <div class="item-nav a" th:each="cart:${carts}">
            <img class="cartlogo" th:src="${cart.cartlogo}"/>
            <a href="#" class="cartcardbtn" th:text="${cart.name}" th:data-id="${cart.cartId}"></a>
        </div>
    </div>
</div>
<div class="books">
</div>
<script type="text/javascript" th:src="@{jquery-3.5.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/bookfirst.js}"></script>
</body>
</html>